<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页面</title>
</head>
<body>
    <div class="box">
        <!-- 密码登录 -->
        <p class="head-pwd"><a href="./login.html">密码登录</a></p>

        <!-- 标题部分 -->
        <div class="reg-title">
            <h2>手机号登录/注册</h2>
            <p>快速找到好友，一站式记录你的运动</p>
        </div>


        <!-- 表单 -->
        <div class="from">
              <p>
                <select name="" id="">
                    <option value="">+86</option>
                </select>  
                <input type="text" placeholder="输入手机号码" id="tel"></p>


              <div class="reg-auth">
               <input type="text" placeholder="请输入验证码" id="captchaCode">
               <canvas id="captcha" ></canvas>
              </div>


              <p><input type="text" placeholder="请输入密码" id="pwd"></p>
              <p><input type="text" placeholder="请再次确认密码" id="pwd2"></p>
              <p><button id="submitBtn">注册账号</button></p>
              <p class="err-msg" id="errMsg"></p>
              <p><a href="">微信注册</a></p>
        </div>
    </div>

    <!-- <script src="../libs/axios.js"></script> -->
</body>
</html>